<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<html>
	<head>
		<title>1xLD - Lo de mien bac</title>
		<link href="css/style.css" type="text/css" rel="stylesheet" />
		<script href="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js" type="text/javascript"></script>
		<script type="text/javascript">
			$(document).ready(function(){
				$('.tabarea li a.tab').click(function(){
					$('.active').removeClass('active');
					$('.tab').addClass('active');
					$('.lode-area').hide();
					var lode = $(this).attr('title');
					$('.'+lode).show();
					
					return false;
				});
			});
		</script>
	</head>
	<body>
	
		<div id="wrapper">
			<div id="header">
				<h1 id="logo"><a href="#">1xLD - Lo de mien bac</a></h1>
				
				<ul class="nav">
					<li><a href="#">Lo de</a></li>
					<li><a href="#">Ket qua</a></li>
				</ul>
				
				<div id="login-form">
					<div class="login-area">
						<p>Username: </p>
						<input type="text" name="txtLogin" placeholder="Your username" class="login-text" />
					</div>
					<div class="login-area">
						<p>Password: </p>
						<input type="text" name="txtLogin" placeholder="Your Password" class="login-text" />
					</div>
					
					<div class="login-area">
						<p></p>
						<input type="submit" name="txtLogin" value="Login" placeholder="Your username" class="login-submit" />
					</div>
					<a href="#" class="creat-acc">Tạo mới tài khoản</a>
				</div><!-- #login-form -->
			</div><!-- #header -->
			
			<div id="container">
				<div id="sidebar">
						
						<div class="block profile">
							<div class="user">
								<a href="#">
									<img src="images/img.jpg" alt="avatar of mrthuy" />
									Luu duc thuy
								</a>
							</div>
							
							<div class="block-content">
								<h4>Thong tin ca nhan</h4>
								<p>So tien hien co: <span>$ 10</span></p>
								<p><a href="#">Luoc su lo de</a></p>
							</div>
							
						</div><!-- .block -->
						
						<div class="block-content">
							<h4>Ho tro thanh toan</h4>
							<div class="list-payment">
								<a href="#"><img src="images/payment.jpg" /></a>
							</div>
						</div>
				
				</div><!-- #sidebar -->
				
				<div id="primary">
                	<div id="result">
						<h2>Kết quả xổ số miền bắc <input type="text" name="datepick" class="datepick" placeholder="chon ngay xem ket qua" /></h2>
                        <table width="100%" align="center">
			
         	<tr><td style="width:30%; text-align:center" class="title"> Giải Bảy </td><td align="center"> 39-78-19-72</td></tr>
         	
			
         	<tr><td style="width:30%; text-align:center" class="title"> Giải Sáu </td><td align="center"> 809-163-393</td></tr>
         	
			
         	<tr><td style="width:30%; text-align:center" class="title"> Giải Năm </td><td align="center"> 6785-9420-5995-4105-8763-1847</td></tr>
         	
			
         	<tr><td style="width:30%; text-align:center" class="title"> Giải Tư </td><td align="center"> 1805-2848-7938-5013</td></tr>
         	
			
         	<tr><td style="width:30%; text-align:center" class="title"> Giải Ba </td><td align="center"> 98044-16634-49279-19827-51622-30885</td></tr>
         	
         	<tr><td style="width:30%; text-align:center" class="title"> Giải Nhì </td><td align="center"> 55057-63614</td></tr>
         	
         	<tr><td style="width:30%; text-align:center" class="title"> Giải Nhất </td><td align="center"> 21719</td></tr>
         	
         	<tr><td style="width:30%; text-align:center" class="title"> Giải đặc biệt </td><td align="center"> 14271</td></tr>
         	
		  </table>
                    </div>
				</div><!-- #primry-->
				
			</div><!-- #container -->
			
			<div id="footer">
            		<p class="copy">1xLD.com &copy; 2012</p>
                    <ul>
                    	<li><a href="#">Giới thiệu</a></li>
                        <li><a href="#">Tầm nhìn chiến lược</a></li>
                        <li><a href="#">Phương thức thanh toán</a></li>
                        <li><a href="#">Liên hệ</a></li>
                    </ul>
            </div>
		</div><!-- #wrapper -->
		
	</body>
</html>
